.msgItem{ margin:0 0px 13px;border:1px solid #d1d1d1;padding-top:20px;padding-left:10px;}
.msgItem > .time{ text-align:center; margin-bottom:5px}
.msgItem .outCon{ position:relative; min-height:55px;}
.msgItem .photoBox{ position:absolute; display:block; top:-50px; border-radius:50%; overflow:hidden; text-align:center; font-size:0; }
.msgItem.self .outCon{ padding-left:80px; padding-right:0px}
.msgItem .outCon:after{content:'';clear:both;display:block;}
.msgItem.other .outCon{ padding-right:63px; padding-left:70px}
.msgItem.self .userInfo{ margin-left:80px; text-align:left; font-size:1em; color:#000;}
.msgItem.self .photoBox{ left:0} 
.msgItem.other .photoBox{ right:0}
.msgItem .msgCon{ padding-bottom:10px; padding-left:0px; padding-top:8px; line-height:1.4; min-height:40px;width:100%;}
.msgItem .msgCon img{ max-width:100%; display:block; margin:0px 0; border-radius:5px;}
.msgItem .msgCon img.emo{width:20px; display:inline-block; margin:0; vertical-align:middle}
.msgItem .msgCon .msgReply{ margin-top:10px; padding:0px 8px; line-height:1.4; min-height:20px;width:calc(100% - 30px);background:#F0F1F3;}
.msgItem.self .msgCon{ float:left;}
.msgItem.other .msgCon{ background:#6281FF; border:1px solid #6281FF; color:#fff;float:right;}
.msgItem .triBox{ position:absolute; top:0px;}
.msgItem.self .triBox{ top:5px; left:66px; transform:rotate(145deg); -webkit-transform:rotate(145deg);}
.msgItem.other .triBox{ right:56px;top:-4px; transform:rotate(35deg); -webkit-transform:rotate(35deg);}
.msgItem .tri{ position:relative; width:0; height:0; font-size:0; line-height:0;  }
.msgItem.other .tri{ border:6px solid; border-color:transparent #6281FF transparent transparent}
.msgItem.self .tri{ border:6px solid; border-color:transparent #fff transparent transparent}
.msgItem .userInfo{ overflow:hidden; margin-bottom:5px;}
.msgItem .userInfo .username{ margin-right:15px;}
.msgItem .userInfo.lasttime{ color:#8c8c8c;}
.msgItem .replybtn{ float:right;display:block;}
.msgItem .senderbtn{ margin-left:calc(100% - 90px);}
.msgItem.self .triBox-2{  position:absolute; top:3px; left:63px;}
.msgItem.self .triBox-2 .tri{border-color:transparent #E2E2E2 transparent transparent;border-width:7px}
.msgItem .replytext{margin:0px 0px 20px 0px;padding:15px 6px;display:block;width:100%;border:0px;background:none;-webkit-appearance:none;appearance:none;outline:none;}
